<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button appDebounceClick (debounceClick)="cancel()">
        <img src="/assets/icon/nav_icon_close@3x.png" class="backBtnStyle">
      </ion-button>
    </ion-buttons>
    <ion-title>{{data.label}}</ion-title>
    <ion-buttons slot="end" appDebounceClick (debounceClick)="searchButtonClick()">
      <ion-button>
        <img class="header-icon-img-r" src="../assets/img/nav_search.png" alt="search">
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content  [forceOverscroll]="true">
  <ul style="padding-left:1.25rem;padding-right:1.25rem">
    <li *ngFor="let info of itemList,let i=index" class="li-bg  clearfix" appDebounceClick (debounceClick)="itemClick(info)">
      <div class="check-box">
        <i [ngClass]="{'check': info.check,'uncheck':!info.check}"> </i>
      </div>

      <div class="item-content">
        <p class="item-p"> 
          <span class="item-label">{{info.label}}</span> <span *ngIf="info.tagLabel" class="item-tagLabel">{{info.tagLabel}}</span></p>
        <p class="phone">
          <span class="item-phone">{{info.phone}}</span>
          <span *ngIf="info.otherPhone" class="item-phone1">{{info.otherPhone}}</span>
        </p>

      </div>
      <div class="clearfix"></div>
      <hr style="border-bottom: solid 0.03rem #EBEBED;">
    </li>
  </ul>
   <!-- 向上滚动刷新 -->
   <ion-infinite-scroll (ionInfinite)="loadMoreData($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
<ion-footer>
  <div class="btn-bg">
      <div  class="sure-btn" appDebounceClick (debounceClick)="sureClick()">
          确定
      </div>
  </div>
</ion-footer>